<%-- 
    Document   : usuario
    Created on : 10-27-2010, 05:40:58 PM
    Author     : Dada
--%>

<%@page contentType="text/html" pageEncoding="UTF-8"%>
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"
   "http://www.w3.org/TR/html4/loose.dtd">

<HTML>
<HEAD>
<TITLE>Administraci&oacute;n</TITLE>
<META HTTP-EQUIV="Content-Type" CONTENT="text/html; charset=iso-8859-1">
<script src="SpryAssets/SpryMenuBar.js" type="text/javascript"></script>
<script type="text/javascript" src="js_livevalidation_standalone.js"></script>

<SCRIPT LANGUAGE="JavaScript">
<!--
function newImage(arg) {
	if (document.images) {
		rslt = new Image();
		rslt.src = arg;
		return rslt;
	}
}

function changeImages() {
	if (document.images && (preloadFlag == true)) {
		for (var i=0; i<changeImages.arguments.length; i+=2) {
			document[changeImages.arguments[i]].src = changeImages.arguments[i+1];
		}
	}
}

var preloadFlag = false;
function preloadImages() {
	if (document.images) {
		butt_01_over = newImage("images/butt_01-over.jpg");
		butt_02_over = newImage("images/butt_02-over.jpg");
		butt_03_over = newImage("images/butt_03-over.jpg");
		butt_04_over = newImage("images/butt_04-over.jpg");
		butt_05_over = newImage("images/butt_05-over.jpg");
		butt_06_over = newImage("images/butt_06-over.jpg");
		preloadFlag = true;
	}
}
//-->
</SCRIPT>


<link href="general.css" rel="stylesheet" type="text/css">
<link href="livevalidation.css" rel="stylesheet" type="text/css">

<link href="SpryAssets/SpryMenuBarHorizontal.css" rel="stylesheet" type="text/css">
<link href="SpryAssets/SpryMenuBarVertical.css" rel="stylesheet" type="text/css">
</HEAD>
<BODY BGCOLOR=#133F54 ONLOAD="preloadImages();" leftmargin="0" topmargin="0" marginwidth="0" marginheight="0">
<div align="center">
  <TABLE WIDTH=774 BORDER=1 CELLPADDING=0 CELLSPACING=0>
    <TR>
      <TD width="178" height="218" align="center" valign="middle" class="logo"><p><strong>Chasqui-soft</strong></p>
      <p><img src="images/defaultlogo.gif" width="48" height="48" alt="logo"></p></TD>
      <TD width="590" align="left" valign="top"><img src="images/callcenter_banner.jpg" width="1009" height="216" alt="banner"></TD>
    </TR>
    <TR>
      <TD height="152"><img src="images/info_area.jpg" alt="back" width=178 height=270></TD>
      <TD rowspan="3" align="center" valign="top"><table width="997" height="267" border="0" cellspacing="0">
        <tr>
              <td><p class="ruta">>Administraci&oacute;n</p></td>
              <tr>
          <td width="938" height="267" align="center" valign="top" nowrap scope="col"><p>&nbsp;</p>
            <p class="Titlulos_General">Administraci&oacute;n</p>
            <p class="Titlulos_General"><img src="images/t_19.jpg" width="500" height="2" alt="serparador"></p>
            <p class="Titulos_texto">&iexcl;Bienvenido! Ingrese su usuario y contrase&ntilde;a.</p>
            <p class="texto"><span class="Titlulos_General"><img src="images/t_19.jpg" width="400" height="2" alt="serparador"></span></p>
            <table width="993" border="0" cellspacing="0" cellpadding="0">
      <tr>
        <td height="48" colspan="4" align="center" valign="middle"><p>&nbsp;</p>
          <p class="texto"><span style="color:red;">${requestScope.mensajeError}</span></p>          <div align="left"></div></td>
      </tr>
      <form method="post" action="UsuarioServlet">
          <input type="hidden" name="action" value="login"/>
       <tr>
            <td style="color:red;">&nbsp;</td>
        </tr>

        <%--
        <tr>
        <b>PROCESO DE IDENTIFICACIÓN</b>
        <br>Última vez que accedió a esta página:<br>${requestScope.fechaUltimoAcceso}
        <p>
        usuario: <input type="text" name="usuario" size="20"
        value="${requestScope.usuario}"><br>
        clave: <input type="password" name="clave" size="20"><br>
        Recordar mi usuario: <input type="checkbox"
        name="recordarUsuario" value="on"><br>
        <input type="submit" value="enviar">
        </tr>
--%>
        <tr>
          <td>&nbsp;</td>
          <td>&nbsp;</td>
          <%--<td class="texto">${requestScope.usuario} fue el último que accedió a esta página el ${requestScope.fechaUltimoAcceso}</td>--%>
          <td class="texto">Último acceso a esta página: ${requestScope.fechaUltimoAcceso}</td>
        </tr>
        <tr>
          <td colspan="2">&nbsp;</td>
          <td colspan="2">&nbsp;</td>
        </tr>
        <tr>
          <td width="144">&nbsp;</td>
          <td width="195" class="texto">Id Usuario :</td>
          <td colspan="2" align="left"><input name="usuario" id="userautent" type="text" size="30" value="${requestScope.usuario}" maxlength="30"></td>
       
       <script type="text/javascript">
        var userautent = new LiveValidation('userautent');
        userautent.add( Validate.Length, { minimum: 5, maximum: 20 } );
        userautent.add(Validate.Presence)
        userautent.add(Validate.Exclusion, { within: ["'",'|','°','¬','!','"','#','$','%','&','/',')','=','?','¿','¡','´','+','*','¨','{','[',',',';','.',':','-','_','*','@'], partialMatch: true })
        </script>
             
        <tr>
          <td>&nbsp;</td>
          <td class="texto">&nbsp;</td>
          <td colspan="2">&nbsp;</td>
        </tr>
        <tr>
          <td>&nbsp;</td>
          <td class="texto">Contrase&ntilde;a: </td>
          <td colspan="2" align="left"><input name="password" id="passautent"type="password" value="" size="30" maxlength="30"></td>
        </tr>
        <script type="text/javascript">
        var passautent = new LiveValidation('passautent');
        passautent.add( Validate.Length, { minimum: 6, maximum: 32 } );
        passautent.add(Validate.Presence)
        </script>
        <tr>
          <td colspan="2">&nbsp;</td>
          <td colspan="2">&nbsp;</td>
        </tr>
        <tr>
          <td>&nbsp;</td>
          <td class="texto">Recordar mi usuario:</td>
          <td colspan="2"><input type="checkbox" name="recordarUsuario" value="on"><br></td>
         </tr>
        <tr>
          <td colspan="2">&nbsp;</td>
          <td colspan="2">&nbsp;</td>
        </tr>
        <tr>
          <td colspan="2">&nbsp;</td>
          <td width="314"><input type="submit" name="Submit" value="   Login   "></td>
          <td width="340">&nbsp;</td>
        </tr>
        <tr>
          <td colspan="4" align="center">&nbsp;</td>
        </tr>
        <tr>
          <td colspan="4" align="center"><span class="Titlulos_General"><img src="images/t_19.jpg" width="400" height="1" alt="serparador"></span></td>
        </tr>
        <tr>
          <td colspan="4">&nbsp;</td>
          </tr>
      </form>
    </table>
                    </tr>
      </table></TD>
    </TR>
    <TR>
      <TD height="208" valign="top"><ul id="MenuBar1" class="MenuBarVertical">
        <li><a href="index.jsp">Home</a></li>
        <li><a href="clientes.jsp">Clientes</a></li>
        <li><a href="usuario.jsp">Administraci&oacute;n</a></li>
        <li><a href="noticias.jsp">Noticias</a></li>
        <li><a href="soporte.jsp">Soporte</a></li>
        <li><a href="contactanos.jsp">Cont&aacute;ctanos</a></li>
      </ul></TD>
    </TR>
    <TR>
      <TD height="169" valign="top"><img src="images/info_area.jpg" alt="back" width=178 height=270></TD>
    </TR>
  </TABLE>
</div>
<!--Jansondesigns.com offers an impressive collection of professionally made web templates, banner templates,
flash designs, free templates and free web graphics. We have templates that suit any personal or professional web site needs!! -->
<script type="text/javascript">
<!--
var MenuBar1 = new Spry.Widget.MenuBar("MenuBar1", {imgRight:"SpryAssets/SpryMenuBarRightHover.gif"});
//-->
</script>
</BODY>
</HTML>
